<?php
$this->addCssFile([
    'static/plugins/jquery-circliful/css/jquery.circliful.css'
]);

$this->inline('title','功能中心');
$static = Yii::$app->view->theme->baseUrl;
?>
<div class="row">
    <?php foreach ($data as $value):?>
    <div class="col-sm-6 col-lg-3">
        <div class="card-box widget-icon">
            <a href="<?=$value['url']?>" target="_blank">
                <i class="<?=$value['icon']?> text-primary"></i>
                <div class="wid-icon-info">
                    <p class="text-muted m-b-5 font-13 text-uppercase"><?=$value['name']?></p>
                    <h4 class="m-t-0 m-b-5 counter">1452</h4>
                    <small class="text-danger"><b>56% Down</b></small>
                </div>
            </a>
        </div>
    </div>
    <?php endforeach;?>
</div>
<?php
    $this->addJsFile([
        'static/plugins/waypoints/lib/jquery.waypoints.js',
        'static/plugins/counterup/jquery.counterup.min.js',
        'static/plugins/jquery-circliful/js/jquery.circliful.min.js',
        'static/plugins/jquery-sparkline/jquery.sparkline.min.js',
        'static/plugins/skyicons/skycons.min.js',
        'static/pages/jquery.dashboard.js'
    ]);
?>
<?php $this->beginBlock("jsText","append");?>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $('.counter').counterUp({
                delay: 100,
                time: 1200
            });
            $('.circliful-chart').circliful();
        });

        /* BEGIN SVG WEATHER ICON */
        if (typeof Skycons !== 'undefined'){
            var icons = new Skycons(
                    {"color": "#00b19d"},
                    {"resizeClear": true}
                ),
                list  = [
                    "clear-day", "clear-night", "partly-cloudy-day",
                    "partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
                    "fog"
                ],
                i;

            for(i = list.length; i--; )
                icons.set(list[i], list[i]);
            icons.play();
        }
    </script>
<?php $this->endBlock();?>


